<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>仿小米首页</title>
	<link rel="stylesheet" type="text/css" href="./css/main.css">
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	<script type="text/javascript" src="./js/main.js"></script>
</head>
<body>
	<div class="top_box"></div>
	<div class="to_top">回</div>
	<div id="top">
		<div class="mid">
			<div class="top_left">
				<a href="">小米商城</a>|
				<a href="">MIUI</a>|
				<a href="">IoT</a>|
				<a href="">云服务</a>|
				<a href="">水滴</a>|
				<a href="">金融</a>|
				<a href="">有品</a>|
				<a href="">Select Region</a>
			</div>
			<div class="top_right">
				<a href="">登录</a>|
				<a href="">注册</a>|
				<a href="">消息通知</a>
				<a class="car" href=""><span>&#xe60a;</span>购物车(0)
					<div class="car_show">67</div>
				</a>
			</div>
		</div>
	</div>
	<div id="head">
		<div class="mid">
			<div class="nav">
				<div class="logo">
					<a class="link" href=""></a>
				</div>
				<div class="menu">
					<a href="">小米手机</a>
					<a href="">红米</a>
					<a href="">电视</a>
					<a href="">笔记本</a>
					<a href="">盒子</a>
					<a href="">新品</a>
					<a href="">路由器</a>
					<a href="">智能硬件</a>
					<a href="">服务</a>
					<a href="">社区</a>
				</div>
				<div class="search">
					<input type="text" class="in" name="">
					<input class="btn" type="button" name="" value="&#xe6ac;">
					<p class="keyword">
						<a href="">红米Note 5 新品</a>
						<a href="">小米Note 3</a>
					</p>
					<div class="text_show">
						
					</div>
				</div>
			</div>
			<div class="banner" id="banner">
				<ul class="banner_img">
					<li class="img_item"><img src="./images/banner.jpg" alt=""></li>
					<li class="img_item"><img src="./images/banner1.jpg" alt=""></li>
					<li class="img_item"><img src="./images/banner2.jpg" alt=""></li>
					<li class="img_item"><img src="./images/banner3.jpg" alt=""></li>
					<li class="img_item"><img src="./images/banner4.jpg" alt=""></li>
					<li class="img_item"><img src="./images/banner.jpg" alt=""></li>
					<li class="img_item"><img src="./images/banner1.jpg" alt=""></li>
					<li class="img_item"><img src="./images/banner2.jpg" alt=""></li>
					<li class="img_item"><img src="./images/banner3.jpg" alt=""></li>
					<li class="img_item"><img src="./images/banner4.jpg" alt=""></li>
				</ul>
				<div id="click_left" class="click cleft">&#xe6a7;</div>
				<div id="click_right" class="click cright">&#xe6a7;</div>
				<ul class="menu_list">
					<li class="item"><a href="">手机 电话卡<span>&#xe6a7;</span></a>
						<div class="menu_son">1</div>
					</li>
					<li class="item"><a href="">手机 电话卡<span>&#xe6a7;</span></a>
					<div class="menu_son">2</div></li>
					<li class="item"><a href="">手机 电话卡<span>&#xe6a7;</span></a>
					<div class="menu_son">3</div></li>
					<li class="item"><a href="">手机 电话卡<span>&#xe6a7;</span></a>
					<div class="menu_son">4</div></li>
					<li class="item"><a href="">手机 电话卡<span>&#xe6a7;</span></a></li>
					<li class="item"><a href="">手机 电话卡<span>&#xe6a7;</span></a></li>
					<li class="item"><a href="">手机 电话卡<span>&#xe6a7;</span></a></li>
					<li class="item"><a href="">手机 电话卡<span>&#xe6a7;</span></a></li>
					<li class="item"><a href="">手机 电话卡<span>&#xe6a7;</span></a></li>
					<li class="item"><a href="">手机 电话卡<span>&#xe6a7;</span></a></li>
				</ul>
				<ul class="circle">
					<li class="citem"></li>
					<li class="citem"></li>
					<li class="citem"></li>
					<li class="citem"></li>
					<li class="citem"></li>
					<li class="citem"></li>
					<li class="citem"></li>
					<li class="citem"></li>
					<li class="citem"></li>
					<li class="citem"></li>
				</ul>
			</div>
			<div class="service">
				<ul class="tool">
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></p><p class="bottom_line"></p></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a></li>
				</ul>
				<ul class="impro">
					<li class="iitem"><a href=""><img src="./images/impro1.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro2.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro3.jpg" alt=""></a></li>
				</ul>	
			</div>
			<div class="service">
				<ul class="tool">
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></p><p class="bottom_line"></p></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a></li>
				</ul>
				<ul class="impro">
					<li class="iitem"><a href=""><img src="./images/impro1.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro2.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro3.jpg" alt=""></a></li>
				</ul>	
			</div>
			<div class="service">
				<ul class="tool">
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></p><p class="bottom_line"></p></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a></li>
				</ul>
				<ul class="impro">
					<li class="iitem"><a href=""><img src="./images/impro1.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro2.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro3.jpg" alt=""></a></li>
				</ul>	
			</div>
			<div class="service">
				<ul class="tool">
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></p><p class="bottom_line"></p></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a></li>
				</ul>
				<ul class="impro">
					<li class="iitem"><a href=""><img src="./images/impro1.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro2.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro3.jpg" alt=""></a></li>
				</ul>	
			</div>
			<div class="service">
				<ul class="tool">
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></p><p class="bottom_line"></p></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a></li>
				</ul>
				<ul class="impro">
					<li class="iitem"><a href=""><img src="./images/impro1.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro2.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro3.jpg" alt=""></a></li>
				</ul>	
			</div>
			<div class="service">
				<ul class="tool">
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></p><p class="bottom_line"></p></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a></li>
				</ul>
				<ul class="impro">
					<li class="iitem"><a href=""><img src="./images/impro1.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro2.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro3.jpg" alt=""></a></li>
				</ul>	
			</div>
			<div class="service">
				<ul class="tool">
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></p><p class="bottom_line"></p></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a></li>
				</ul>
				<ul class="impro">
					<li class="iitem"><a href=""><img src="./images/impro1.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro2.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro3.jpg" alt=""></a></li>
				</ul>	
			</div>
			<div class="service">
				<ul class="tool">
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></p><p class="bottom_line"></p></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a></li>
				</ul>
				<ul class="impro">
					<li class="iitem"><a href=""><img src="./images/impro1.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro2.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro3.jpg" alt=""></a></li>
				</ul>	
			</div>
			<div class="service">
				<ul class="tool">
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></p><p class="bottom_line"></p></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a></li>
				</ul>
				<ul class="impro">
					<li class="iitem"><a href=""><img src="./images/impro1.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro2.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro3.jpg" alt=""></a></li>
				</ul>	
			</div>
			<div class="service">
				<ul class="tool">
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></p><p class="bottom_line"></p></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a></li>
				</ul>
				<ul class="impro">
					<li class="iitem"><a href=""><img src="./images/impro1.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro2.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro3.jpg" alt=""></a></li>
				</ul>	
			</div>
			<div class="service">
				<ul class="tool">
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></p><p class="bottom_line"></p></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a></li>
				</ul>
				<ul class="impro">
					<li class="iitem"><a href=""><img src="./images/impro1.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro2.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro3.jpg" alt=""></a></li>
				</ul>	
			</div>
			<div class="service">
				<ul class="tool">
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></p><p class="bottom_line"></p></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="bottom_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a><p class="right_line"></li>
					<li class="titem"><a href=""><span>&#xe665;</span>选购手机</a></li>
				</ul>
				<ul class="impro">
					<li class="iitem"><a href=""><img src="./images/impro1.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro2.jpg" alt=""></a></li>
					<li class="iitem"><a href=""><img src="./images/impro3.jpg" alt=""></a></li>
				</ul>	
			</div>
			<div class="pro"></div>
			<div class="ad"></div>
		</div>
	</div>
	<div id="main">
		<div class="mid"></div>
	</div>
	<div id="footer">
		<div class="mid"></div>
	</div>
</body>
</html>